<div id="modalPrevios" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-header">
      <button type="button" class="close" data-dismiss="modal" aria-hidden="true"><i class="icon-plus"></i></button>
      <h3>Programar Previo</h3>
    </div>
    <form id="agregarPrevio" name="agregarPrevio" action="javascript:agregarPrevio();" method="post">
    <div class="modal-body">
        <!--Cambio a TabPanel para el alta de empresas -->
            <ul class="nav nav-tabs">
                <li class="active"><a href="#tab1" data-toggle="tab">Datos del Previo</a></li>
                <li><a href="#tab2" data-toggle="tab">Datos de la Operaci&oacute;n</a></li>
            </ul>
            <div class="tab-content">
                <div class="tab-pane active" id="tab1">
                  <div class="well">
                    <legend>Datos del Previo</legend>
                        <div class='row-fluid'>
                            <div class='span6'>
                                <label for="pais">Tipo de Previo
                                     <select name='tipoPrevio' id='tipoPrevio' class='input-block-level' required>
                                         <?php
                                            foreach($tipoPrevios as $previo)
                                                { echo "<option id='".$previo->idEncuesta."' value='".$previo->idEncuesta."' >". $previo->Nombre."</option>"; }
                                            ?>
                                    </select>
                                 </label>
                            </div>
                            <div class='span6'>
                                <label for="pais">Cliente
                                     <select name='cliente' id='cliente' class='input-block-level' required>
                                         <?php
                                            foreach($clientes as $cliente)
                                            { echo "<option id='".$cliente['idCliente']."' value='".$cliente['idCliente']."' >". $cliente['Nombre']."</option>"; }
                                            ?>
                                    </select>
                                 </label>
                            </div>
                        </div>
                    <div class='row-fluid'>
                            <div class='span6'>
                                <label for="pais">Asignado a</label>
                                     <select name='asignado' id='asignado' class='input-block-level' required>
                                         <?php
                                            foreach($responsables as $responsable)
                                            { echo "<option id='".$responsable->idDispositivo. "' value='".$responsable->idDispositivo. "' >". $responsable->AsignadoA."</option>"; }
                                            ?>
                                    </select>
                                
                            </div>
                            <div class='span6'>
                                <div class='input-prepend span6'>
                                    <label for="fechaAppPrevio">Fecha de Realización</label>
                                    <span class='add-on'><i class='icon-calendar'></i></span>
                                    <input type="text" name="fechaAppPrevio"  id="fechaAppPrevio" required />
                                    
                                </div>
                            </div>
                        </div>
                    </div><!--Fin Datos Previo-->
                </div><!--Fin de Tab1-->
                <div class="tab-pane" id="tab2">
                  <div class="well">
                    <legend>Datos de la Operación</legend>
                        <div class='row-fluid'>
                            <div class='span4'>
                                <label for='referencia'>Referencia
                                    <input type='text' name='referencia' id='referencia' class='input-block-level' required title= 'Escriba el número de referencia de la operación.'>
                                </label>
                             </div>
                             <div class='span4'>
                                 <label for="pedimento">Pedimento
                                    <input type='text' name='pedimento' id='pedimento' class='input-block-level' required title='Escriba el número de pedimento.'>
                                 </label>
                             </div>
                            <div class='span4'>
                                <label for="contenedor">Contenedor
                                    <input type='text' name='contenedor' id='contenedor' class='input-block-level' required title='Escriba el número de contenedor.'>
                                 </label>
                            </div>
                        </div>
                        <div class='row-fluid'>
                            <div class='span6'>
                                <label for="tipoContenedor">Tipo de Contenedor
                                    <select name='tipoContenedor' id='tipoContenedor' class='input-block-level' >
                                        <option>20 pies</option>
                                        <option>40 pies</option>
                                        <option>45 pies</option>
                                    </select>
                                 </label>                               
                            </div>
                            <div class='span6'>
                                <label for="operadora">Operadora
                                    <input type='text' name='operadora' id='operadora' class='input-block-level'  title='Escriba el nombre de la operadora.'>
                                 </label>                               
                            </div>
                        </div>
                        <div class='row-fluid'>
                            <div class='span6'>
                                <label for="bl">BL
                                    <input type='text' name='bl' id='bl' class='input-block-level' title=''>
                                 </label>
                            </div>
                            <div class='span6'>
                                <label for="proveedor">Proveedor
                                    <input type='text' name='proveedor' id='proveedor' class='input-block-level' title='Escriba el nombre del proveedor.'>
                                 </label>
                            </div>
                            
                        </div>
                        <div class='row-fluid'>
                            <div class='span12'>
                                <label for="mercancia">Mercancia
                                    <input type='text' name='mercancia' id='mercancia' class='input-block-level' title='Escriba una descripción de la mercancia.'>
                                 </label>                               
                            </div>
                            
                        </div>
                        <div class='row-fluid'>
                            <div class='span6'>
                                <label for="buque">Buque
                                    <input type='text' name='buque' id='buque' class='input-block-level' title='Escriba el nombre del buque.'>
                                 </label>
                            </div>
                            <div class='span6'>
                                <label for="facturas">Facturas
                                    <input type='text' name='facturas' id='facturas' class='input-block-level'  min='1' title='Escriba los números de facturas.'>
                                 </label>                               
                            </div>
                        </div>
                        <div class='row-fluid'>
                            <div class='span4'>
                                <label for="pais">Pais
                                     <select name='pais' id='pais' class='input-block-level' required>
                                         <?php
                                            foreach($paises as $pais)
                                            { echo "<option id='".$pais. "'>". $pais."</option>"; }
                                         ?>
                                    </select>
                                 </label>
                            </div>
                            <div class='span4'>
                                <label for="cajas">Cajas
                                    <input type='number' name='cajas' id='cajas' class='input-block-level'  title='Escriba el número de cajas'>
                                 </label>                               
                            </div>
                            <div class='span4'>
                                <label for="sellosOrigen">Sellos Origen
                                    <input type='text' name='sellosOrigen' id='sellosOrigen' class='input-block-level' title='Escriba los sellos de origen'>
                                 </label>                               
                            </div>
                        </div>
                    </div><!--Fin Datos Empresa-->
                </div><!--Fin de Tab2-->
            </div><!--Fin de Tab Content-->
    </div><!--Fin de Modal Body-->
    <div class="modal-footer">
        <button class="btn" data-dismiss="modal" type="button" value="Cerrar">Cerrar</button>
        <button class="btn btn-primary" type="submit" onClick="agregarPrevio()" value="Guardar">Guardar</button>
     </div>
    </form>
</div>

